import Vue from 'vue'
import VueRouter from 'vue-router'


Vue.use(VueRouter)

const routes = [
  {
    path: '/icon',
    name: 'icon',
    // which is lazy-loaded when the route is visited
    component:()=> import('@/views/IconView.vue')
  },
  {
    path: '/button',
    component: () => import('@/views/ButtonView.vue')
  },
  {
    path: '/form',
    component: () => import('@/views/FormView.vue')
  },
  {
    path: '/table',
    component: () => import('@/views/TableView.vue')
  },
  {
    path: '/message',
    component: () => import('@/views/MessageView.vue')
  },
  {
    path: '/axios',
    component: () => import('@/views/AxiosView.vue')
  }
]

const router = new VueRouter({
  routes
})

export default router
